<template>
	<view>
		<view class="bg">
			<view class="bg_fin">
				<image src="../../static/image/comPay/wancheng.png"/>
				<view class="bgf_text">
					<text>支付成功</text>
				</view>
				<text>已支付￥45</text>
			</view>
			<view class="bg_logo">
				<image src="../../static/image/comPay/wanchengtupian%20.png"/>
			</view>
		</view>
		<view class="center">
			<view class="c_top">
				<text>立即分享 领取豪礼</text>
			</view>
			<view class="c_center">
				<text>立即分享</text>
			</view>
			<view class="c_bottom">
				<text>返回首页</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.bg {
		background-image: url(../../static/image/comPay/di.png);
		width: 750rpx;
		height: 450rpx;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 0 -180rpx;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		.bg_fin{
			color: #ffffff;
			width: 100%;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			align-items: center;
			margin-top: 20rpx;
			image{
				width: 90rpx;
				height: 90rpx;
			}
			.bgf_text{
				width: 100%;
				text-align: center;
				margin: 20rpx 0;
				color: white;
			}
		}
		.bg_logo {
			width: 100%;
			background-image: url(../../static/image/comPay/zhingjia%20.png);
			width: 315rpx;
			height: 315rpx;
			margin-top: 50rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			image{
				width: 200rpx;
				height: 200rpx;
			}
		}
	}
	.center{
		margin-top: 230rpx;
		padding: 0 105rpx;
		.c_top,.c_center,.c_bottom{
			text-align: center;
			margin-top: 30rpx;
			padding: 30rpx 0;
			width: 540rpx;
		}
		.c_center,.c_bottom{
			border-radius: 50rpx;
		}
		.c_top{
			font-size: 40rpx;
			font-weight: 500;
		}
		.c_center{
			background-color: #ff951e;
			color: white;
		}
		.c_bottom{
			margin-top: 40rpx;
			color: #ff951e;
			border: 1rpx solid #ff951e;
		}
	}

</style>
